<template>
  <div class="showToast">
    <div class="pre">{{ message }}qwe</div>
  </div>
</template>
<script>
export default {
  name: "showToast",

  data() {
    return {
      message: "我的消息我的消息我的消息"
    };
  }
};
</script>
<style lang="less" scoped>
.showThost {
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99999;
  .pre {
    padding: 10px 20px;
  }
}
</style>